<div style="width:450px;box-shadow:5px 5px 10px black;position:relative;top:50px; left:100px;background-color:white;">
    <div style="background-color:#5789ae;color:white;text-align:center;padding:10px;font-size:20px;">
        <div style="float:left;"><img style="height:30px;" src="img/kinet_perfil.png"></div>
        LOG IN
    </div>
    <div style="background-color:white">
        <form action="logic/resolverLogin.php" method="post">
            <div style="width:98%;padding:5px;margin:0 auto;">
                <input name="email" type="text" class="input" style="background-color:white !important;padding:5px !important;border:black solid 1px" placeholder="Email" required autofocus>
            </div>
            
            <div style="width:98%;padding:5px;margin:0 auto">
                <input name="pass" type="password" class="input" style="background-color:white !important;padding:5px !important;border:black solid 1px" placeholder="Password" required>
            </div>
            
            <div style="text-align:center;padding:5px 0 10px 0;margin:0 auto;width:30%;">
                <input class="btn btn-info boton" type="submit" Value="Acceder">
                
            </div>
            <div style="float:right;padding:5px 10px 0 0;position:absolute;bottom:16px;right:0px"><a href="#" style="font-size:13px" data-toggle="modal" data-target="#registro">Registrarse</a></div>
        </form>
    </div>
</div>

<div style="position:absolute;width:450px;left:100px;top:250px;box-shadow:5px 5px 10px black;background-color:black;">
    <iframe width="450px" height="290" src="//www.youtube.com/embed/l3PXGBys7Yw" frameborder="0" allowfullscreen></iframe>
</div>

